import { marked } from 'marked';
import React, { FC } from 'react';

type MarkdownProps = {
	children: string;
};

// #----------- 上: ts类型定义 ----------- 分割线 ----------- 下: JS代码 -----------

// Markdown解析器组件
const Markdown: FC<MarkdownProps> = ({ children }) => {
	// 将Markdown字符串解析为HTML
	const html = marked.parse(children);

	// 返回渲染后的HTML
	return <div dangerouslySetInnerHTML={{ __html: html }} />;
};

export default Markdown;
